<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>仿蘑菇街商城</title>
  <link rel="icon" href="./favicon.ico">
  <link rel="stylesheet" href="../static/iconfont/iconfont.css">
  <link rel="stylesheet" href="../static/stylesheet/swiper-bundle.min.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  @@include('./components/nav.html')
  @@include('./components/header.html')
  @@include('./components/stickyHeader.html')
  <div class="header-nav">
    <div class="w clearfix">
      <div class="theme-market fl">
        <div class="title">
          主题市场
        </div>
        <ul class="markets">
        </ul>
      </div>
      <div class="limit-time fl">
        限时快抢
      </div>
    </div>
  </div>
  <div class="banner_wrapper">
    <div class="banner">
      <div class="swiper-container banner-swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <a href="./goodsActivity.html">
              <img src="https://s10.mogucdn.com/mlcdn/c45406/200518_482bj515c0a2lb0abg0b60hl2h5l8_1134x440.jpg" alt="">
            </a>
          </div>
          <div class="swiper-slide">
            <a href="./goodsActivity.html">
              <img src="https://s10.mogucdn.com/mlcdn/c45406/200518_482bj515c0a2lb0abg0b60hl2h5l8_1134x440.jpg" alt="">
            </a>
          </div>
          <div class="swiper-slide">
            <a href="./goodsActivity.html">
              <img src="https://s10.mogucdn.com/mlcdn/c45406/200518_482bj515c0a2lb0abg0b60hl2h5l8_1134x440.jpg" alt="">
            </a>
          </div>
          <div class="swiper-slide">
            <a href="./goodsActivity.html">
              <img src="https://s10.mogucdn.com/mlcdn/c45406/200518_482bj515c0a2lb0abg0b60hl2h5l8_1134x440.jpg" alt="">
            </a>
          </div>
        </div>
        <div class="swiper-pagination banner-pagination"></div>
      </div>
      <div class="user-message">
        <div class="avatar">
          <img src="../static/images/base/avatar.jpg" alt="">
        </div>
        <p class='greet'>
          下午好！<b>来喝点茶吧</b>
        </p>
        <button type="button">会员中心</button>
        <ul class="buymessage clearfix">
          <li>
            <div class="title">
              待付款
            </div>
            <div class="count">
              0
            </div>
          </li>
          <li>
            <div class="title">
              待收货
            </div>
            <div class="count">
              0
            </div>
          </li>
          <li>
            <div class="title">
              待评价
            </div>
            <div class="count">
              0
            </div>
          </li>
        </ul>
      </div>
      <div class="mgjapp">
        <p>来蘑菇街APP</p>
        <p>海量时尚好货</p>
        <img src="../static/images/indeximg/mgjapp.webp" alt="">
      </div>
    </div>
  </div>
  <div class="must-rub w floor">
    <div class='topview'>
      <div class="left-title-aside fl">
        <div class="counter">
          <div class="hours time"></div>
          <div class="symbol">:</div>
          <div class="minutes time"></div>
          <div class="symbol">:</div>
          <div class="seconds time"></div>
        </div>
      </div>
      <div class="fl" id="my-swiper-box">
        <div class="swiper-container my-swiper swiper-no-swiping">
          <div class="swiper-wrapper">
          </div>
          <div class="swiper-button-next next"></div>
          <div class="swiper-button-prev prev"></div>
        </div>
      </div>
    </div>
    <ul class="img-list clearfix">
      <li>
        <img src="https://s10.mogucdn.com/mlcdn/c45406/191011_1127ikca11d3h405g39650ek614gb_940x300.jpg_999x999.v1c0.81.webp" alt="">
      </li>
      <li>
        <img src="https://s10.mogucdn.com/mlcdn/c45406/191011_5346f5c1c159fck90e24c4fk93674_460x300.jpg_999x999.v1c0.81.webp" alt="">
      </li>
      <li>
        <img src="https://s10.mogucdn.com/mlcdn/c45406/191011_6h7j0jkcbb0ahhi0kiad2j41k39kh_460x300.jpg_999x999.v1c0.81.webp" alt="">
      </li>
      <li>
        <img src="https://s10.mogucdn.com/mlcdn/c45406/191011_6461jcalbjk4d4788b419ac5ca9eg_460x300.jpg_999x999.v1c0.81.webp" alt="">
      </li>
    </ul>
  </div>
  <div class="womenwear w floor">
    <div class="wtitle">
      <div class="theme fl">女装</div>
      <ul class="nav clearfix fl">
        <li>时尚套装</li>
        <li class='line'>|</li>
        <li>长袖衬衫</li>
        <li class='line'>|</li>
        <li>牛仔外套</li>
        <li class='line'>|</li>
        <li>卫衣</li>
        <li class='line'>|</li>
        <li>牛仔裤</li>
        <li class='line'>|</li>
        <li>休闲裤</li>
      </ul>
    </div>
    <div class="clearfix bwrap">
      <div class="left-img fl">
        <img src="https://s10.mogucdn.com/mlcdn/c45406/190507_0dkf3lb36d9k11h9ki2i6g63jhjji_690x1872.jpg_750x9999.v1c7E.81.webp" alt="">
      </div>
      <div class="right-module fl">
        <div id="my-swiper-box-womenwear">
          <div class="swiper-container my-swiper swiper-no-swiping">
            <div class="swiper-wrapper">
            </div>
            <div class="swiper-button-next next"></div>
            <div class="swiper-button-prev prev"></div>
          </div>
        </div>
        <ul class="mid-img-list clearfix">
          <li>
            <img src="https://s10.mogucdn.com/mlcdn/c45406/180820_72i7l749fdbald47g0ed5la37l2i0_940x226.jpg_999x999.v1c0.81.webp" alt="">
          </li>
          <li>
            <img src="https://s10.mogucdn.com/mlcdn/c45406/190220_0jlk010chdg7c1h9ij25lli3ablfa_460x226.jpg_999x999.v1c0.81.webp" alt="">
          </li>
          <li>
            <img src="https://s10.mogucdn.com/mlcdn/c45406/180820_409dkj47a3ike6i0g0ejjlgeghaef_460x226.jpg_999x999.v1c0.81.webp" alt="">
          </li>
        </ul>
        <ul class="bottom-img-list clearfix">
          <li>
            <div class="left-info">
              <p class='title'>心机衬衫</p>
              <p class='info'>秋季衬衫心机穿搭</p>
            </div>
            <img src="https://s10.mogucdn.com/mlcdn/c45406/180912_08e76539flif1ejg59fj6d85586g4_1125x1125.png_180x180.v1cAC.40.webp" alt="">
          </li>
          <li>
            <div class="left-info">
              <p class='title'>轻薄针织</p>
              <p class='info'>早晚降温必备单品</p>
            </div>
            <img src="https://s10.mogucdn.com/mlcdn/c45406/180912_6adk9aic53720i44ljl56a4ajl8gf_1125x1125.png_180x180.v1cAC.40.webp" alt="">
          </li>
          <li>
            <div class="left-info">
              <p class='title'>韩版卫衣</p>
              <p class='info'>百搭必备</p>
            </div>
            <img src="https://s3.mogucdn.com/mlcdn/c45406/180330_7j46ki0gid8kd0kekdadile917ekh_83x83.png_180x180.v1cAC.40.webp" alt="">
          </li>
          <li>
            <div class="left-info">
              <p class='title'>牛仔裤</p>
              <p class='info'>穿出你的大长腿</p>
            </div>
            <img src="https://s10.mogucdn.com/mlcdn/c45406/181031_11cb7d8k8hiik2d2g60fghbb02266_1125x1125.png_180x180.v1cAC.40.webp" alt="">
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="womenshoes w floor" id="common-card">
    <div class="wtitle">
      <div class="theme fl">女鞋&包包</div>
      <ul class="nav clearfix fl">
        <li>单鞋</li>
        <li class='line'>|</li>
        <li>小白鞋</li>
        <li class='line'>|</li>
        <li>牛仔外套</li>
        <li class='line'>|</li>
        <li>运动鞋</li>
        <li class='line'>|</li>
        <li>帆布鞋</li>
        <li class='line'>|</li>
        <li>斜挎包</li>
        <li class='line'>|</li>
        <li>双肩包</li>
        <li class='line'>|</li>
        <li>手提包</li>
        <li class='line'>|</li>
        <li>拉杆箱</li>
      </ul>
    </div>
    <div class="bwrap clearfix">
      <div class="left-img fl">
        <img src="https://s10.mogucdn.com/mlcdn/c45406/181031_2615dkk1cjbjei96ai87jlf725da9_690x1665.jpg_750x9999.v1c7E.81.webp" alt="">
      </div>
      <div id="my-common-swiper" class='fl womenshoesswiper'>
        <div class="swiper-container my-common-swiper swiper-no-swiping">
          <div class="swiper-wrapper">
          </div>
          <div class="swiper-pagination my-pagination"></div>
        </div>
      </div>
      <div class="recommend fr">
        <div class="rtitle">
          <span class='fl'>热销商品推荐</span>
          <a class='fr' href="javascript:;">
            <i></i>
            换一批
          </a>
        </div>
        <ul class="rlist">
        </ul>
      </div>
    </div>
  </div>
  <div class="maleshoes w floor" id="common-card">
    <div class="wtitle">
      <div class="theme fl">男装&男鞋</div>
      <ul class="nav clearfix fl">
        <li>当季新品</li>
        <li class='line'>|</li>
        <li>潮男T裇</li>
        <li class='line'>|</li>
        <li>百搭休闲裤</li>
        <li class='line'>|</li>
        <li>潮鞋</li>
      </ul>
    </div>
    <div class="bwrap clearfix">
      <div class="left-img fl">
        <img src="https://s10.mogucdn.com/mlcdn/c45406/190315_2kkha5968jbe4b2flbk90lg8ajebi_690x1872.jpg_750x9999.v1c7E.81.webp" alt="">
      </div>
      <div id="my-common-swiper" class='fl maleshoesswiper'>
        <div class="swiper-container my-common-swiper swiper-no-swiping">
          <div class="swiper-wrapper">
          </div>
          <div class="swiper-pagination my-pagination"></div>
        </div>
      </div>
      <div class="recommend fr">
        <div class="rtitle">
          <span class='fl'>热销商品推荐</span>
          <a class='fr' href="javascript:;">
            <i></i>
            换一批
          </a>
        </div>
        <ul class="rlist">
        </ul>
      </div>
    </div>
  </div>
  <div class="underwear w floor" id="common-card">
    <div class="wtitle">
      <div class="theme fl">内衣</div>
      <ul class="nav clearfix fl">
        <li>睡衣</li>
        <li class='line'>|</li>
        <li>丝袜打底</li>
        <li class='line'>|</li>
        <li>内衣套装</li>
      </ul>
    </div>
    <div class="bwrap clearfix">
      <div class="left-img fl">
        <img src="https://s10.mogucdn.com/mlcdn/c45406/200902_412fe9ehh20f6ic8le0i4i1h687cd_690x1665.png_750x9999.v1c7E.81.webp" alt="">
      </div>
      <div id="my-common-swiper" class='fl underwearswiper'>
        <div class="swiper-container my-common-swiper swiper-no-swiping">
          <div class="swiper-wrapper">
          </div>
          <div class="swiper-pagination my-pagination"></div>
        </div>
      </div>
      <div class="recommend fr">
        <div class="rtitle">
          <span class='fl'>热销商品推荐</span>
          <a class='fr' href="javascript:;">
            <i></i>
            换一批
          </a>
        </div>
        <ul class="rlist">
        </ul>
      </div>
    </div>
  </div>
  <div class="homedecoration w floor" id="common-card">
    <div class="wtitle">
      <div class="theme fl">家纺&家饰</div>
      <ul class="nav clearfix fl">
        <li>收纳宝盒</li>
        <li class='line'>|</li>
        <li>手机壳</li>
        <li class='line'>|</li>
        <li>美发神器</li>
        <li class='line'>|</li>
        <li>充电宝</li>
      </ul>
    </div>
    <div class="bwrap clearfix">
      <div class="left-img fl">
        <img src="https://s10.mogucdn.com/mlcdn/c45406/180516_11i31d9gh7dc4e8bi33g98e6ibbkb_690x1665.jpg_750x9999.v1c7E.81.webp" alt="">
      </div>
      <div id="my-common-swiper" class='fl homedecorationswiper'>
        <div class="swiper-container my-common-swiper swiper-no-swiping">
          <div class="swiper-wrapper">
          </div>
          <div class="swiper-pagination my-pagination"></div>
        </div>
      </div>
      <div class="recommend fr">
        <div class="rtitle">
          <span class='fl'>热销商品推荐</span>
          <a class='fr' href="javascript:;">
            <i></i>
            换一批
          </a>
        </div>
        <ul class="rlist">
        </ul>
      </div>
    </div>
  </div>
  <div class="kidwear w floor" id="common-card">
    <div class="wtitle">
      <div class="theme fl">母婴&童装</div>
      <ul class="nav clearfix fl">
        <li>孕妇装</li>
        <li class='line'>|</li>
        <li>童装</li>
        <li class='line'>|</li>
        <li>婴儿洗护</li>
        <li class='line'>|</li>
        <li>亲子装</li>
      </ul>
    </div>
    <div class="bwrap clearfix">
      <div class="left-img fl">
        <img src="https://s10.mogucdn.com/mlcdn/c45406/181031_1dl5i43l1j3711ci0956aidgil7ge_690x1665.jpg_750x9999.v1c7E.81.webp" alt="">
      </div>
      <div id="my-common-swiper" class='fl kidwearswiper'>
        <div class="swiper-container my-common-swiper swiper-no-swiping">
          <div class="swiper-wrapper">
          </div>
          <div class="swiper-pagination my-pagination"></div>
        </div>
      </div>
      <div class="recommend fr">
        <div class="rtitle">
          <span class='fl'>热销商品推荐</span>
          <a class='fr' href="javascript:;">
            <i></i>
            换一批
          </a>
        </div>
        <ul class="rlist">
        </ul>
      </div>
    </div>
  </div>
  <div class="guess-you-like w floor">
    <div class="title">猜你喜欢</div>
    <ul class="guess-you-like-list clearfix">
    </ul>
  </div>

  <div class="floor-btns">
    <ul>
      <li>今日必抢</li>
      <li>女装</li>
      <li>女鞋包包</li>
      <li>男装男鞋</li>
      <li>内衣</li>
      <li>家纺家饰</li>
      <li>母婴童装</li>
      <li>猜你喜欢</li>
    </ul>
    <i id="floorbacktop" class='iconfont icon-fanhuidingbu'>
    </i>
  </div>
  @@include('./components/footer.html')
  @@include('./components/asideShortCut.html')
  <script src="../static/javascripts/jquery.min.js"></script>
  <script src="./js/utils/utils.js"></script>
  <script src="../static/javascripts/axios.min.js"></script>
  <script src="../static/javascripts/swiper-bundle.min.js"></script>
  <script src="./js/asideShortcut/asideShortcut.js"></script>
  <script type="module" src="./js/header/search.js"></script>
  <script src="./js/header/header.js"></script>
  <script type="module" src="./js/index.js"></script>

</body>
</html>